{% extends "layout_wuliu.html" %}
{% block js %}
<script>
$(document).ready(function() {
    $("div[class^='tabs']").easytabs();
});
</script>
{% endblock %}
{% block body %}
<div id=nav class=cn_b5>
    <div class="menu_sub">
        <ul>
            <li class="cn_t3"><h2 class="curr"><a href="#">我要发货</a></h2></li>
            <li><h2><a href="#">黄页</a></h2></li>
        </ul>
    </div>
    <div class="search cn">
        <div class="keyword">
            <label>关键词<span> (例如：深圳物流公司 深圳-香港货运)</span></label>
            <input type="text" class="search_text"/>
        </div>
        <div class="location">
            <label>地点<span> (例如：深圳 北京 上海 武汉)</span></label>
            <input type="text" class="search_text"/>
        </div>
        <div class="go">
            <a href="" class="btn">Search</a>
        </div>
    </div>
</div>
<div id=main class="cn">
    <div class="grid_34 alpha">
        <div class="tab1">
            <ul class="tabs">
                <li class="title"><a href="#">货源</a></a></li>
                {% for i in alpha_list %}
                <li class='tab'>
                    <a href="#">{{ i.name }}</a>
                    <div><h2>{{ i.name }}</h2></div></li>
                {% endfor %}
            </ul>
            <div class="tab_container"></div>
        </div>
        <div class="tab1">
            <ul class="tabs">
                <li class="title"><a href="#">车源</a></a></li>
                {% for i in alpha_list %}
                <li class='tab'>
                    <a href="#">{{ i.name }}</a>
                    <div><h2>{{ i.name }}</h2></div></li>
                {% endfor %}
            </ul>
            <div class="tab_container"></div>
        </div>
        <div class="tab1">
            <ul class="tabs">
                <li class="title"><a href="#">运价</a></a></li>
                {% for i in alpha_list %}
                <li class='tab'>
                    <a href="#">{{ i.name }}</a>
                    <div><h2>{{ i.name }}</h2></div></li>
                {% endfor %}
            </ul>
            <div class="tab_container"></div>
        </div>
        <div class="tab1">
            <ul class="tabs">
                <li class="title"><a href="#">物流公司</a></a></li>
                {% for i in alpha_list %}
                <li class='tab'>
                    <a href="#">{{ i.name }}</a>
                    <div><h2>{{ i.name }}</h2></div></li>
                {% endfor %}
            </ul>
            <div class="tab_container"></div>
        </div>
    </div>
    <div class="grid_14 omega">
        <div style="height:40px;">
            <a href="" class="btn">发布货源</a>
            <a href="" class="btn">发布车源</a>
            <a href="" class="btn">发布公司</a>
        </div>
        <div class="box2">
            <div class="title">最新点评</span></div>
            <div class="content">
                test
            </div>
        </div>
        <div class="box3">
            <div class="title">您是托运人<span>...... (更多)</span></div>
            <div class="container">
                test
            </div>
        </div>
        <div class="box1">
            <div class="title">您是物流商<span>...... (更多)</span></div>
            <div class="container">
                test
            </div>
        </div>
    </div>
</div>
{% endblock %}
